#{extends 'main.html' /}

<div id="menu_right">
    <p>
        <a href="@{Stages.listStages}">Liste des stages</a>
    </p>
</div>

<h3>Ajouter un stage</h3>
     
#{form @newStageSave()}
 
 <style type="text/css">
 	.hidden {
 		display: none;
	}
	.visible {
 		display: inline;
	}
</style>
 	<p>
 	#{field 'Code'}
        <label for="code">Code* :</label>
        <input type="text" name="code" id="code" value="${stage?.code}" />
    #{/field}
    </p>
    <p>
 	    <label for="intitule">Intitulé* :</label>
        #{select 'intitule', items:intitules, id:'intitule', value:'0'}
            #{if stage?.intitule!=null}
           	#{option 0}${stage.intitule}#{/option}
			#{/if}
			#{else}
            #{option 0}-- Choisir une valeur --#{/option}
            #{/else}
        #{/select}
    </p>
    <p>
 	    <label for="structure">Structure* :</label>
        #{select 'structure', items:structures, id:'structure', value:'0'}
            #{if stage?.structure!=null}
           	#{option 0}${stage.structure}#{/option}
			#{/if}
			#{else}
            #{option 0}-- Choisir une valeur --#{/option}
            #{/else}
        #{/select}
    </p>
    <p>
 	    <label for="lieu">Lieu* :</label>
        #{select 'lieu', items:lieux, id:'lieu', value:'0'}
            #{if stage?.lieu!=null}
           	#{option 0}${stage.lieu}#{/option}
			#{/if}
			#{else}
            #{option 0}-- Choisir une valeur --#{/option}
            #{/else}
        #{/select}
        
    </p>
    <p>
 	    <label for="nature">Nature* :</label>
        #{select 'nature', items:natures, id:'nature', value:'0'}
           #{if stage?.nature!=null}
           	#{option 0}${stage.nature}#{/option}
			#{/if}
			#{else}
            #{option 0}-- Choisir une valeur --#{/option}
            #{/else}
        #{/select}
    </p>
    <p>
    #{field 'description'}
       	<label for="description">Description* :</label>
    	<textarea name="description" id="description" >${stage?.description}</textarea>
    #{/field}
    </p>
    <p>
    #{field 'modalites'}
       	<label for="modalites">Modalités :</label>
    	<textarea name="modalites" id="modalites" >${stage?.modalites}</textarea>
    #{/field}
    </p>
    <p>
    #{field 'duree'}
        <label for="duree">Durée (en jours) :</label>
        <input type="text" name="duree" id="duree" value="${stage?.duree}" />
    #{/field}
    </p>
    <p>
    #{field 'dateDeb'}
        <label for="dateDeb">Date de début (dd/mm/yyyy) :</label>
        #{if dateDeb == null}
            <input type="text" name="dateDeb" id="dateDeb" value="${dateDebS}" />
        #{/if}
        #{else}
            <input type="text" name="dateDeb" id="dateDeb" value="${dateDebS}" />
        #{/else}
    #{/field}
    </p>
    <p>
    #{field 'dateFin'}
        <label for="dateFin">Date de fin (dd/mm/yyyy) :</label>
        #{if dateFin == null}
            <input type="text" name="dateFin" id="dateFin" value="${dateFinS}" />
        #{/if}
        #{else}
            <input type="text" name="dateFin" id="dateFin" value="${dateFinS}" />
        #{/else}
    #{/field}
    <p>
    <p>
        <label for="examen" style="width:auto;">
    	    <input type="checkbox" id="checkB" name="examen" onClick="javascript:hide('hidden')" style="width:10px;" />
    	    La date d'examen est différente de la date de fin de stage
        </label>
    </p>
    <br />
    <br />
    <script type="text/javascript">
	function hide(id) {
		if (document.getElementById("checkB").checked) {
			document.getElementById(id).className = "visible";
		} 
		else {
			document.getElementById(id).className = "hidden";
		}
	}
  </script>
    <p id="hidden" class="hidden">
    	<br/>
	#{field 'dateExam'}
	    	<label for="dateExam">Nouvelle date d'examen : </label>
	    	#{if dateExam == null}
		    <input type="text" name="dateExam" id="dateExam" value="${dateExamS}" />
		#{/if}
		#{else}
		    <input type="text" name="dateExam" id="dateExam" value="${dateExamS}" />
		#{/else}
	#{/field}
    </p>
 	<p>
 	#{field 'effectifMin'}
        <label for="effectifMin">effectifMin* :</label>
        <input type="text" name="effectifMin" id="effectifMin" value="${stage?.effectifMin}" />
    #{/field}
    </p>
 	<p>
 	#{field 'effectifMax'}
        <label for="effectifMax">effectifMax* :</label>
        <input type="text" name="effectifMax" id="effectifMax" value="${stage?.effectifMax}" />
    #{/field}
    </p>
    <br />
    <p style="margin-top:30px">    
        <center><input type="submit" value="Enregistrer le stage" /></center>
    </p>
    <p><i>* Champs obligatoires<i></p>
#{/form}

